<!doctype html>
<html class="no-js  fixed-layout">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Admin|HPClub Server</title>
<meta name="description" content="这是一个 index 页面">
<meta name="keywords" content="index">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="${base}/img/favicon.png">
<link rel="apple-touch-icon-precomposed"
	href="${base}/img/app-icon72x72@2x.png">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="${base}/template/assets/css/amazeui.min.css" />
<link rel="stylesheet" href="${base}/template/assets/css/admin.css">
<link rel="stylesheet" href="${base}/template/common/js/sweetalert/sweetalert.css">
<style type="text/css" media="screen">
	/*箭头向左*/
	.arrow-left {
	    width:0;
	    height:0;
	    border-top:12px solid transparent;
	    border-bottom:12px solid transparent;
	    border-right:12px solid #0e90d2;
	}
	/*箭头向右*/
	.arrow-right {
	    width:0;
	    height:0;
	    border-top:12px solid transparent;
	    border-bottom: 12px solid transparent;
	    border-left: 12px solid #0e90d2;
	}
	.arrow-position{
		position: absolute;
		top:50%;
	}
</style>
</head>
<body>
	<!--[if lte IE 9]>
    <h1 class="browsehappy" style="text-align:center;color:#fff;">尊敬的用户您好，你正在使用<strong>过时</strong>的浏览器，本管理系统 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank" style="color:yellow;">升级浏览器</a>
      以获得更好的体验！</h1>
    <![endif]-->

	<!-- HEADER -->
	<%include("admin_header.tpl"){}%>

	<div class="am-cf admin-main">
	  <!-- sidebar start -->
	  <%include("admin_navigation.tpl"){}%>
	  <!-- sidebar end -->
	
	    <!-- MAIN PANEL -->
	    <div id="main" role="main"  class="admin-content">
			<div data-am-popover="{theme:'primary sm',content:'点击隐藏菜单栏',trigger:'hover focus'}" class="arrow-left arrow-position" id="arrow"></div>
	        <!-- MAIN CONTENT -->
	        <div id="content" style="padding: 0px;">
	            <iframe name="mainFrame" id="mainFrame" width="100%"
	                onLoad="iFrameHeight()" src="${base}/admin" scrolling="no"
	                frameborder="no" border="0" marginwidth="0" marginheight="0"
	                allowtransparency="yes"></iframe>
	        </div>
	        <!-- END MAIN CONTENT -->
	
	    </div>
	    <!-- END MAIN PANEL -->
	</div>
	<!-- END MAIN PANEL -->

	<a href="#" class="am-show-sm-only admin-menu"
		data-am-offcanvas="{target: '#admin-offcanvas'}"> <span
		class="am-icon-btn am-icon-th-list"></span>
	</a>
    <!-- Modal window container -->
    <div class='am-modal am-modal-prompt' tabindex='-1' id='modal'></div>
	<!--[if lt IE 9]>
	<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
	<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
	<script src="${base}/js/amazeui.ie8polyfill.min.js"></script>
	<![endif]-->

	<!--[if (gte IE 9)|!(IE)]><!-->
	<script src="${base}/template/assets/js/jquery.min.js"></script>
	<!--<![endif]-->
	<script src="${base}/template/assets/js/amazeui.min.js"></script>
	<script src="${base}/template/assets/js/app.js"></script>
	<script type="text/javascript" src="${base}/template/common/js/sweetalert/sweetalert.min.js"></script>
	<script type="text/javascript" src="${base}/template/layer/layer.js"></script>
	<script src="${base}/template/common/js/iframeResizer.min.js"></script>
	<script type="text/javascript"> 
	    /*
	     * If you do not understand what the code below does, then please just use the
	     * following call in your own code.
	     *
	     *   iFrameResize({log:true});
	     *
	     * Once you have it working, set the log option to false.
	     */
	
	    iFrameResize({
	        //log                     : true,                  // Enable console logging
	        minHeight               : 600,
	        inPageLinks             : true,
	        resizedCallback         : function(messageData){ // Callback fn when resize is received

	        },
	        messageCallback         : function(messageData){ // Callback fn when message is received;
	            swal(messageData.message);
	            //document.getElementsByTagName('iframe')[0].iFrameResizer.sendMessage('Hello back from parent page');
	        },
	        closedCallback         : function(id){ // Callback fn when iFrame is closed
	        }
	    });
	      $('#change').click(function(){
       layer.open({
         type: 2,
         title: '',
         shadeClose: true,
         shade: 0.8,
         area: ['40%', '60%'],
         content: '${base}/account/password'
       });
    });

	$(function(){
		$("#arrow").on("click",function(){
			if($(this).hasClass("arrow-left")){
				$("#admin-offcanvas").addClass("am-hide");
				$(this).removeClass("arrow-left");
				$(this).addClass("arrow-right");
			}else if($(this).hasClass("arrow-right")){
				$("#admin-offcanvas").removeClass("am-hide");
				$(this).removeClass("arrow-right");
				$(this).addClass("arrow-left");
			}
		});
		$("#arrow").on("open.popover.amui",function(){
			if($(this).hasClass("arrow-left")){
				$(this).popover('setContent', '点击隐藏菜单栏');
			}else if($(this).hasClass("arrow-right")){
				$(this).popover('setContent', '点击显示菜单栏');
			}
		});
	});
    </script>
</body>
</html>
